<?php
	//Tableau des pages autorisées à l'include
	$pagesOK['home'] = './pages/home.php';
	$pagesOK['blog'] = './pages/blog.php';

	//Page par defaut
	$page = 'home';
	//Si le $_GET['page'] est dans les keys du tableau $pagesOK
	if(!empty($_GET['page'])
	&& array_key_exists($_GET['page'], $pagesOK))
	{
		//Remplace la valeur par defaut par celle de l'URL
		$page = $_GET['page'];
	}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8" />
	<title>AMAP Nancy - Le commerce équitable à votre porte</title>
	<link rel="stylesheet" href="./css/style.css" type="text/css">
	<link rel="stylesheet" href="./css/reveal.css" type="text/css">
	<script src="./js/jquery-1.8.3.js"></script>	
	<script src="./js/jquery.backstretch.min.js"></script>
	<script src="./js/jquery.reveal.js" type="text/javascript"></script>
</head>
<body>
<div id="fondbandeau"><div></div></div>
	<div id="full-wrapper">
		<div id="wrapper">
			<header id="header">
				<img src="./images/circles.png" width="500px" />
				<h1>AMAP Nancy</h1>
				<h2>Le commerce équitable à votre porte</h2>
			</header><!-- #header -->
			<div id="container">
				<nav id="navigation">
					<ul>
						<li><a href="#" data-reveal-id="connect-modal">Se connecter</a></li>
						<li><a href="?page=home">Infos pratiques</a></li>
						<li><a href="?page=home">Accueil</a></li>
					</ul>
				</nav>
				<div id="content">
					<?php include($pagesOK[$page]); ?>
				</div><!-- #content -->
				<footer>
				</footer>
			</div><!-- #container -->
		</div><!-- #wrapper -->
	</div><!-- #full-wrapper -->
	
	<div id="connect-modal" class="reveal-modal">
		<h1>Se connecter</h1>
		<p>Any content could go in here.</p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	<script>
		$(document).ready(function(){
		
			//$.backstretch( "./images/08.jpg");
			  
		});
	</script>
</body>
</html>
